<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/js-test.js"></script>
</head>
<body id="body">

<div id="group" role="group">
  <img id="image" usemap="#map" src="" width="100" height="50" alt="">
</div>
<map name="map" id="map">
    <area tabindex="0" role="button" shape="rect" coords="0,0,50,50" href="#" title="Example 1">
    <area tabindex="0" role="button" shape="rect" coords="50,0,100,50" href="#" title="Example 2">
</map>

<p id="description"></p>
<div id="console"></div>

<script>

    description("This tests that you can set an ARIA role on image map elements.");

    if (window.accessibilityController) {
          var group = accessibilityController.accessibleElementById("group");
          shouldBe("group.childAtIndex(0).role", "'AXRole: AXButton'");
          shouldBe("group.childAtIndex(1).role", "'AXRole: AXButton'");
    }

</script>

</body>
</html>
